<template>
    <div id="logon">
        <!--login top  begin-->
        <!-- <div class="login-top-layout">
            <HeaderNav></HeaderNav>
        </div> -->
        <!--login top  end-->

        <!-- Primary begin -->
        <div class="primary">
            <!-- slogan begin -->
            <a class="slogan"  title="简单约玩，让你不再孤单！"></a>
            <!-- slogan end -->

            <!-- App-store begin-->
            <ul class="app-store">
                <li><a class="app-store-icon">AppStore</a></li>
                <li><a class="android-icon">Android</a></li>
                <li><a class="QR-icon"></a></li>
            </ul>
            <!-- App-store end-->
        </div>
        <!-- Primary end -->
    </div>
</template>
<script>
import HeaderNav from '@/components/headerCom'
export default {
    data(){
        return{
            
        }
    },
    created(){       
               
    },
    methods:{
       
    },
    components: {
      HeaderNav
    },
    mounted(){
        
    }
}
</script>
<style scoped>
@import "../assets/css/reset.css";
@import "../assets/css/layout.css";
@import "../assets/css/top.css";
@import "../assets/css/footer.css";
@import "../assets/css/backgroundImg.css";
</style>
